<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-7 col-sm-9 col-md-9 embed_header_title text-center">{{profile?.nickname}}</div>
        <div class="col-3 col-sm-2 col-md-2 text-center">
            <ng-template [ngIf]="mine">
            <a [routerLink]="['/member/home/profile']" role="button" class="btn">
                <i class="ico mdi mdi-settings" aria-hidden="true"></i>
            </a>
            </ng-template>
            <ng-template [ngIf]="!mine">
            <a href="javascript:;" role="button" class="btn drawer" title="发送消息" (click)="toggleMessageForm($event)">
                <i class="ico-sm mdi mdi-email" aria-hidden="true"></i>
            </a>
            </ng-template>
        </div>
    </div>
</header>
<div id="embed_page">
    <div class="alert alert-warning" role="alert" *ngIf="errorMessage.length>0">
        {{errorMessage}}
    </div>
    <div class="container" *ngIf="profile">
        <div class="row">
            <div class="col-9 col-sm-9 col-md-9">
                <p class="body_header" id="member-home-header">
                    {{profile?.nickname}} 
                    <small class="badge member-bg-{{profile.style}}">{{profile.roleName}}</small>&nbsp;<small class="badge badge-dark">LV{{profile.levelNo}}</small>
                </p>
                <ul class="list-inline" id="board-stats-section">
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-looks"></i> 话题 <span>{{profile.threads}}</span></li>
                    <li class="list-inline-item"><i class="ico-sm mdi mdi-comment"></i> 回复 <span>{{profile.replies}}</span></li>
                </ul>
            </div>
            <div class="col-3 col-sm-3 col-md-3">
                <span class="float-right">
                    <app-member-local-avatar [link]="profile.avatar" [scale]="64"></app-member-local-avatar>
                </span>
            </div>
        </div>
        <div class="row">
            <app-member-favorite-board-embed [uid]="profile.id"></app-member-favorite-board-embed>
        </div>
        <!-- 会员的最近记录开始 -->
        <app-home-recent-result [uid]="profile.id"></app-home-recent-result>
        <!-- 会员的最近记录结束 -->
    </div>
</div>
<app-sent-message-form-embed #sentMsgF></app-sent-message-form-embed>